<?php header("Content-type: text/html; charset=utf-8"); ?>
<!DOCTYPE html>
<html content="ch">
<head>
	<title>plantSeedImageIndex</title>
	<!--meta information of webpage -->
	<meta http-equiv="content-type" content="text/html" charset="UTF-8">
	<meta name="description" content="a website for searching plant seed image">
	<meta name="keywords" content="plant seed SCAU search bontany">
	<!-- temporary blank -->
	<link href="css/index_style.css" rel="stylesheet">
	<script src="lib/jquery/jquery-1.11.3.min.js"></script>
</head>
<body>
	<p id="test"></p>
	<div id = "main">
		<div class="apperance_div_block_divide margin_div_block_divide" id = "title_block">
			<h1 id = "title">plantSeedImageIndex</h1>
			<p id = "desc_text">种子是植物六大器官之一，是人类食物的主要来源，是重要的农业生产资料……。但是，人们对许多植物的种子形态却缺乏了解，即使是权威的植物志，对不少植物种子的描述也是一笔带过，有的甚至完全缺失。因此，植物种子图像库（PlantSeedImages）可帮助人们形象具体地了解植物种子的形态。
<br/><br/>
Seed is one of the six major organs of plants, is the main source of human food, and is an important agricultural production material. However, there is a lack of understanding in the morphology of many plant seeds. Even the Flora has little or no description about the seeds of some plants. Therefore, PlantSeedImages may help you have knowledge about the specific seed image of a plant.</p>
		</div>

		<div class="apperance_div_block_divide margin_div_block_divide" id = "menu_bar">
			<!-- form for searching the category of plant -->
			<form id = "searchForm" name="sform">
				<fieldset>
					<legend>select category of plant:</legend>
					<div id="notation" style="display:none;">hahaha</div>
					<div class = "form_block" id = "phy_drag_block">
						<label>Phylum:</label>
						<select id="phy_drag" name = "phy">
							<option value = "" selected>please_choose</option>
							<option value = "Gymnospermae">Gymnospermae</option>
							<option value = "Angiospermae">Angiospermae</option>
						</select>
					</div>
					<div class="form_block" id = "cla_drag_block">
						<label>Class:</label>
						<select id="cla_drag" name = "cla">
							<option value = "" selected>please_choose</option>
		  				<option value = "Dicotyledoneae">Dicotyledoneae</option>
							<option value = "Monocotyledoneae">Monocotyledoneae</option>
						</select>
					</div>
					<div class="form_block" id = "ord_drag_block">
						<label>Order:</label>
						<select id="ord_drag" name = "ord">
							<option value = "" selected>please_choose</option>
							<option value = "Rosales">Rosales</option>
							<option value = "Asterales">Asterales</option>
							<option value = "Ranunculales">Ranunculales</option>
						</select>
					</div>
					<div class="form_block" id = "fam_drag_block">
						<label>Family:</label>
						<select id="fam_drag" name = "fam" onchange="AJAX(this.value, 'gen')">
							<option value = "" selected>please_choose</option>
							<?php include 'ext/genDragdownForFam.php';?>
						</select>
					</div>
					<div class="form_block" id = "gen_drag_block">
						<label>Genus:</label>
						<select id="gen_drag" name = "gen">
							<option value = "" selected>please_choose</option>
						</select>
					</div>
				</fieldset>
			</form>
			<form  action = "ext/search/search.php" method = "get">
				<fieldset>
				<div class="form_block" id = "search_input_block">
					<label>search:</label>
					<!-- input form name 'stext': text for searching -->
					<input type="text" name="stext">
				</div>
				<input type = "submit" value = "search">
			</fieldset>
			</form>
		</div>

		<div class="apperance_div_block_divide margin_div_block_divide" id="image_enroll">
			<a><img src="#" style="height:350px;width:400px;border:solid 1px black;"></a>
		</div>

		<div class="apperance_div_block_divide margin_div_block_divide">
			<div id = "exLink">
				<p class = "title">Extenal links</p>
				<a href = "http://www.seedbank.re.kr/" target = "blank">Seeds of Wild Plants of Korea(Korean)</a><br/>
				<a href = "http://frps.eflora.cn/" target = "blank">FRPS《中国植物志》全文电子版网站</a>
			</div>
			<div id="about">
				<p class="title">About</p>
				<p>
					植物种子图像库（PlantSeedImages）由广东省科技计划项目资助，华南农业大学种子科学与技术研究室于2014年开始建设。<br/>
				<br/>
					PlantSeedImages, sponsored by Guangdong Provincial Department of Science and Technology, has being constructed by Lab of Seed Science and Technology, South China Agricultural University since 2014.<br/>
 				<br/>
					王晓峰（项目负责人、种子收集、拍摄及图像处理）<br/>
					Xiaofeng WANG (Project leader, Seed collection, Photography, Image processing)<br/>
					E-mail: xfwang@scau.edu.cn<br/>
				<br/>
					张荣京（种子收集及植物鉴定）<br/>
					Rongjing ZHANG (Seed collection, Plant identification)<br/>
					E-mail: zhangrongj@scau.edu.cn<br/>
				</p>
			</div>
			<div id="copyright">
				<p>Copyright © 植物种子图像库PlantSeedImages.All rights reserved.</p>
			</div>
		</div>
		<div id="response" style = "background-color:#f8afaf">
		</div>
	<!-- #main terminal tag -->
	</div>
</body>
<script src="js/smartDragDown.js"></script>
<script src="js/searchBarNotation.js"></script>
<script src="js/drawdown.js"></script>
</html>
